<template>
    <div class="dv1">{{ message }}</div>
    <div class="dv1">{{ obj.message }}</div>
    <div class="dv2">{{ message1 }}</div>
</template>
<script setup>
    import{reactive,toRef,ref}from'vue';
    let obj=reactive({message:"这是对象obj的message属性"});
    let message=toRef(obj,"message");
    let message1=ref("这是修改前message1的值")
    setTimeout(()=>{
        message.value="这是修改后obj的message属性";
        message1.value="这是修改后message1的值"
    },5000)
</script>
<style scoped>
.dv1{
    background-color: rgb(209, 46, 160);
    font-size: 30px;
}
.dv2{
    background-color: rgb(59, 231, 165);
    font-size: 30px;
}
</style>